@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', 
    sans-serif;

    font: size 18px;;
    color: black;
}
header {
    width: 100%;
    background-color: rgb(2, 238, 222) ;
    padding: 40px
    
}

h1 {
color: black;
font-weight: 400;
font-size: 60px;
}

nav{
    width: 100%;
    height: 60px;
    background-color: rgb(41, 182, 182);
    padding: 0 40px;
}

.link {
    color: black;
    text-decoration: none;
    line-height: 60px;
    padding: 0 20px;
    font-weight: 700;
    display: inline-block;
   transition:0.5s;
   height: 60px;
}

.link:hover{
    background-color: #22e4c0;
   
}
.res-img {
    max-width: 100%;
    height: auto;
    
}


.active{
    background-color: #00d5b2;
    position: relative;
}

.active:after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    background-color: #00d5b2;
    position: absolute;
    bottom: -10px;
    left: 20px;
}


.a{
    width: 100%;
    height: 60px;
    background-color: rgb(43, 169, 169);
    padding: 0 40px;
}

.b{
    width: 100%;
    height: 60px;
    background-color: rgb(43, 169, 169);
    padding: 0 40px;
}

.link-b{
    color: black;
    text-decoration: none;
    line-height: 60px;
    padding: 0 20px;
    font-weight: 700;
    display: inline-block;
   transition:0.5s;
   
}
.link-b:hover{
    background-color: rgb(39, 190, 162);
}
.c{
    width: 100%;
    height: 60px;
    background-color: rgb(43, 169, 169);
    padding: 0 40px;
}

.link-c{
    color: black;
    text-decoration: none;
    line-height: 60px;
    padding: 0 20px;
    font-weight: 700;
    display: inline-block;
   transition:0.5s; }

   .link-c:hover{
    background-color: rgb(39, 190, 162); }

    .nav1 {
        width: 100%;
        height: 60px;
        background-color: rgb(36, 163, 163);
        padding: 0 40px;
    }
    
    .nav2 {
        width: 100%;
        height: 60px;
        background-color: rgb(32, 139, 139);
        padding: 0 40px;
    }

.container {
    width: 1600px;
    margin: 0 auto;
}

.row {
    display: block;
}

.row::after {
    content: '';
    display: block;
    clear: both;
}

.w50 {
    width: 50%;
    float: left;
    padding: 20px;
    font-size:20pt;
}

.w25 {
    width: 25%;
    float: left;
    padding: 20px;
    font-size:20pt;
}

.w30 {
    width: 30%;
    float: left;
    padding: 20px;
    font-size:20pt;
}

.w33 {
    width: 33.33333333333%;
    float: left;
    padding: 20px;
    font-size:20pt;
}
.w70 {
    width: 70%;
    float: left;
    padding: 20px;
    font-size:20pt;
}

.w75 {
    width: 75%;
    float: left;
    padding: 20px;
    font-size:20pt;
}

.logo
{
    float: left;
    margin-right: 20px;
    height: 45px;
}
.pr{
    color: rgb(32, 139, 139);
    text-decoration: none;
    line-height: 60px;
  
}